<template>
	<view>
		<view class="header">
			<swiper :indicator-dots="true" :autoplay="true" :interval="3000"
			:duration="1000">
			<swiper-item>
				<image src="/static/images/1.jpg"></image>
			</swiper-item>
			<swiper-item>
				<image src="/static/images/2.jpg"></image>
			</swiper-item>
			<swiper-item>
				<image src="/static/images/3.jpg"></image>
			</swiper-item>
			</swiper>
		</view>
		<view class="=center"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	swiper{
		width: 750rpx;
		height: 400rpx;
		image{
			width: 100%;
			height: 100%;
		}
	}
	.content{
		background-color: "greeyellow";
		height: 720rpx;
	}
</style>
